a {
	color: #333
}

a:hover {
	color: #666;
	text-decoration: none
}

@media(min-width:1200px) {
	.container {
		width: 1200px
	}
}



.product-box {
	background-color: #0188fe;
	color: #fff;
	padding: 5px ;width:282px; float:left;clear:both;
	
}
.col-md-9{ width: 895px!important;float:right;}
.product-title {
	padding: 6px 0
}

.product-title span {
	display: block;
	font-size: 16px;
	color: #fff;
	padding-top: 5px
}

.product-title h3 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 700
}

.product-list,
.contact {
	background-color: #fff;
	padding: 10px
}

.product-list li {
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	font-size: 16px
}

.product-list li a {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;
	color: #333
}

.product-list li a:hover {
	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;
	color: #fff
}

.product-list dl {
	margin-bottom: 0
}

.product-list dt,
.product-list dd {
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	font-size: 16px
}

.product-list dt a {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #014fa2 url(../images/icon_dl.jpg) no-repeat 94% center;
	color: #fff
}

.product-list dd a {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;
	color: #333
}

.product-list dd a:hover {
	display: block;
	height: 40px;
	padding: 0 20px;
	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;
	color: #fff
}

.contact {
	line-height: 26px;
	color: #333
}

.contact p {
	margin: 0
}

.hot-title {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	border-bottom: 1px solid #ccc
}

.hot-title h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	color: #0188fe;
}

.hot-title a {
	width: 90px;
	height: 30px;
	line-height: 30px;
	background-color:#0188fe;
	color: #fff;
	text-align: center;
	border-radius: 15px
}

.hot-product {
	margin-top: 30px
}

.hot-product a {
	display: block;
	border: 1px solid #ededed;
	color:#fff;
}

.hot-product img {
	width: 100%;
	height: 220px
}

.hot-product span {
	height: 50px;
	line-height: 50px;
	background-color: #0188fe;
	font-size: 16px
}

.hot-product a:hover {
	border: 1px solid #fd8c05
}

.hot-product a:hover span {
	background-color: #fd8c05;
	color: #fff
}

.ad {
	height: 400px;
	background: url(../images/ad.jpg) no-repeat center top
}

.ad2 {
	height: 200px;
	background: url(../images/ad02.jpg) no-repeat center top
}

.adv {
	padding: 60px;
	background-color: #ecedf0
}

.adv-title h3 {
	margin: 0 0 15px;
	font-size: 30px;
	font-weight: 700
}

.adv-title h3 span {
	color: #0053a9
}












.message {
	background-color: #e9e9e9;
	padding: 20px
}

.message .clearfix {
	margin-bottom: 10px
}

.message .clearfix img {
	width: 150px
}

..message .clearfix p {
	text-align: center
}

.message b {
	color: red
}

.message .clearfix input {
	width: 75%;
	height: 32px;
	line-height: 32px;
	background-color: #fff;
	border: 1px solid #cecece;
	padding: 0 10px
}

.message textarea {
	width: 75%;
	height: 80px;
	background-color: #fff;
	border: 1px solid #cecece;
	padding: 10px
}

.message .submit input {
	width: 100px;
	height: 36px;
	line-height: 36px;
	margin: 10px auto;
	background-color: #f60;
	color: #fff;
	font-size: 18px;
	padding: 0;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, pingfang sc, hiragino sans gb, microsoft yahei, sans-serif;
	margin: 0 5px
}

.main .message .clearfix input {
	width: 80%
}

.main .message textarea {
	width: 90%
}




@media(min-width:768px) {
	.navbar-header {
		width: 100%
	}

	.navbar-nav>li>a {
		padding: 15px 26px;
		font-size: 16px
	}
}

@media(max-width:767px) {
	.navbar-brand {
		float: left;
		height: 45px;
		padding: 5px 15px
	}

	.navbar-brand img {
		height: 45px
	}

	.hot-product img {
		height: auto
	}
}

.menu_list {
	background: #fff;
	padding: 5px
}

.menu_list .current {
	background: #f1f1f1 url(../images/pro_down.png) center right no-repeat
}

.menu_head {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	
	color: #525252;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	position: relative;
	margin: 0;
	font-weight: 700;
	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
	
}

.menu_head a {
	display: block;
	text-overflow: ellipsis;
	width: 91%;
	overflow: hidden
}

.menu_heads {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	position: relative;
	margin: 0;
	font-weight: 700;
	margin-top: 10px
}

.menu_heads a {
	display: block;
	text-overflow: ellipsis;
	width: 91%;
	height: 40px;
	overflow: hidden;
	text-align: center
}

.menu_heads a:hover {
	background-color: #006dc0;
	width: 100%;
	color: #fff
}

.menu_heads .active {
	background-color: #006dc0;
	width: 100%;
	color: #fff;
	text-align: center
}

.menu_body {
	height: auto;
	overflow: hidden;
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1
}

.menu_body a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	color: #777;
	background: #fff;
	text-decoration: none;
	border-bottom: 1px solid #e1e1e1
}